/*
 *
 * (c) Copyright Ascensio System Limited 2010-2018
 *
 * This program is freeware. You can redistribute it and/or modify it under the terms of the GNU 
 * General Public License (GPL) version 3 as published by the Free Software Foundation (https://www.gnu.org/copyleft/gpl.html). 
 * In accordance with Section 7(a) of the GNU GPL its Section 15 shall be amended to the effect that 
 * Ascensio System SIA expressly excludes the warranty of non-infringement of any third-party rights.
 *
 * THIS PROGRAM IS DISTRIBUTED WITHOUT ANY WARRANTY; WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR
 * FITNESS FOR A PARTICULAR PURPOSE. For more details, see GNU GPL at https://www.gnu.org/copyleft/gpl.html
 *
 * You can contact Ascensio System SIA by email at sales@onlyoffice.com
 *
 * The interactive user interfaces in modified source and object code versions of ONLYOFFICE must display 
 * Appropriate Legal Notices, as required under Section 5 of the GNU GPL version 3.
 *
 * Pursuant to Section 7 § 3(b) of the GNU GPL you must retain the original ONLYOFFICE logo which contains 
 * relevant author attributions when distributing the software. If the display of the logo in its graphic 
 * form is not reasonably feasible for technical reasons, you must include the words "Powered by ONLYOFFICE" 
 * in every copy of the program you distribute. 
 * Pursuant to Section 7 § 3(e) we decline to grant you any rights under trademark law for use of our trademarks.
 *
*/


/*
 * FullCalendar v1.5.1 Stylesheet
 *
 * Copyright (c) 2011 Adam Shaw
 * Dual licensed under the MIT and GPL licenses, located in
 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
 *
 * Date: Sat Apr 9 14:09:51 2011 -0700
 *
 */
@imagepath: "/addons/calendar/UserControls/fullcalendar/img/";
@mageCssPath: "/skins/default/imagescss/";
@defaultColor:#62B5DF;

@hover-color-calendar: #ddd;
@bg-color-calendar-common: #f5f5f5;
@color-calendar-common: #e2e2e2;

@todo-list-width: 208px;

#calendarSidePanelContent{
    
    .asc-datepicker .ui-state-hover, 
    .asc-datepicker .ui-widget-content .ui-state-hover, 
    .asc-datepicker .ui-widget-header .ui-state-hover, .asc-datepicker .ui-state-focus, 
    .asc-datepicker .ui-widget-content .ui-state-focus, .asc-datepicker .ui-widget-header .ui-state-focus {
         border: 1px solid @hover-color-calendar !important;
         background: @hover-color-calendar !important;
    }
    .asc-datepicker .ui-state-highlight,
    .asc-datepicker .ui-widget-content .ui-state-highlight,
    .asc-datepicker .ui-widget-header .ui-state-highlight{
        border: 1px solid #fefde9; 
        background: #fefde9; 
        color: #363636; 
    }

    .asc-datepicker .ui-state-active, 
    .asc-datepicker .ui-widget-content .ui-state-active,
    .asc-datepicker .ui-widget-header .ui-state-active{
        border: 1px solid @color-calendar-common !important;
        background: @color-calendar-common !important;
        font-weight: normal;
        color: #212121 !important;
    }
        
    .asc-datepicker .ui-state-default, 
    .asc-datepicker .ui-widget-content .ui-state-default, 
    .asc-datepicker .ui-widget-header .ui-state-default{
        text-align: center;
        border-radius: 3px;
        width: 16px;
        height: 13px;
        line-height: 13px;
    }

}

html .fc {
	font-size: 1em;
    height: 100%;
	/*-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	-o-user-select: none;*/
}

.fc {
	direction: ltr;
	text-align: left;
}

.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	
}

.fc .fc_table
{
    margin: 10px 0 0 0;
    width: calc(~"100% - @{todo-list-width}");
    transition: width 0.5s;
    float: left;
}

.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
}

.fc .asc-dialog .ui-dialog {
	padding: 0;
}

.asc-dialog .ui-button-text-only .ui-button-text {
	padding: .2em .5em;
	/*font-size: .7em;*/
}

.fc-wsnowrap {
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

.fc-shadow {
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px #888;
}

.fc-modal {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #aaa;
	opacity: .3;
	filter: alpha(opacity=30);
}
.fc-modal-transparent {
	opacity: 0;
	filter: alpha(opacity=0);
}

#ui-datepicker-div {
	display: none;
}
.fc-settings{
    padding: 0px 0 0 8px;
    vertical-align: middle;
}
.fc-dropdown {
    padding-left: 7px;
    margin-left: .5em;
    cursor: pointer;
    position: relative;

    &:after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #212121;
        content: "";
        height: 0;
        margin-top: -2px;
        position: absolute;
        right: 0;
        top: 50%;
        width: 0;
    }
}




.fc-border-right {
	border-right: 1px solid #c7c7c7;
}

/* border around the calendar*/

#fc_container {
	overflow: hidden;
	border-collapse: separate;
}

#fc_container.open-todo-list{
    
    .fc-todo-list-container{
        margin-right: 0;
    }
}
#fc_container:not(.open-todo-list){
    .fc_table{
        width: 100%;
    }
}

#fc_container .fc-top-padding {
	height: 10px;
	background-color: #efefef;
}

/* widgets */

#fc_common_dp {
	z-index: 2000;
}
#fc_common_dp .ui-datepicker {
  display: block;
	border: none;
	padding: 0;
}
#fc_common_dp table.ui-datepicker-calendar {
	border-collapse: separate;
	margin: 0;
	padding: 0;
}
#fc_common_dp .ui-datepicker-calendar th {
    width: .8em;
	padding-left: 0;
	padding-right: 0;
	font-weight: normal;
	text-transform: uppercase;
}
#fc_common_dp-outer .asc-ui-blocker {
	z-index: 1999;
}

#fc_color_picker
{
    min-width:100px;
}

#fc_color_picker-outer .asc-ui-blocker {
	z-index: 1999;
}


/*
 * Header
 * --------------------------------------------------------
 */

.fc-header-outer {
	position: relative;
	overflow: auto;
	height: 36px;
}

/* Today block */

.fc-header-today {
}
.fc-header-today .date-box {
	padding-top: 2px;
    width: 140px;
    margin: 0 auto;
}
.fc-header-today .date-box > * {
	cursor: pointer;
}
.fc-header-today .today{
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    padding-right: 3px;
}
.fc-header-today .today-day {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 100%;
    padding-right: 3px;
}
.fc-header-today .today-month {
	font-size: 12px;
    font-weight: normal;
    line-height: 100%;
    padding-top: 0.2em;
    padding-right: 3px;
    display: inline-block;

    &:first-letter{
        text-transform: uppercase;
    }
}
.fc-header-today .today-year {
	font-size: 14px;
    line-height: 100%;
    padding-top: 0.1em;
    display: inline-block;
}

/* Navigation block */

.fc-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	white-space: nowrap;
}

.fc-header .fc-header-left {
	float: left;
	width: ~"calc(20% - 15px)";
	height: 100%;
	text-align: left;
    padding-left: 15px;
    .fc-button-content{
        border-bottom: none;
    }

    .fc-button-inner{
        padding: 0.2em 3px;
    }
    .fc-header-title{
        margin: 2px 0px 0px 6px;
    }
}

.fc-header .fc-header-center {
	float: left;
	width: 60%;
	height: 100%;
	text-align: center;
}

.fc-header .fc-header-right {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: 100%;
	text-align: right;
	padding-right: .5em;
}

.fc-header .fc-header-space {
	padding-left: 10px;
}

.fc-header .fc-button {
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: top;
}

/* New event label */

.fc-header .new-event {
	display: inline-block;
	margin: 1.1em 0 0 0;
	padding: .2em 0;
}
.fc-header .new-event .icon {
	display: inline-block;
	background-image: url('@{imagepath}plus_16.png');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 16px;
	line-height: 16px;
	margin-right: .2em;
	padding-bottom: .2em;
}
.fc-header .new-event .label {
	display: inline-block;
	margin-left: 0;
	border-bottom: 1px dotted #000;
	cursor: pointer;
}

/* View selector */

.fc-view-selector {
	display: inline-block;
	margin: 1.2em 1em 0 0;
	padding: .2em 0;
	vertical-align: top;
}
.fc-view-selector .icon {
	display: inline-block;
	background-position: left;
	background-repeat: no-repeat;
	line-height: 14px;
	padding-left: 16px;
	margin-right: 0;
    margin-top: 2px;
}
.fc-view-selector .icon.calendar {
	background-image: url('../../../../../skins/default/images/svg/calendar/calendar.svg');
}
.fc-view-selector .icon.list {
	background-image: url('../../../../../skins/default/images/svg/calendar/checklist.svg');
}
.fc-view-selector .label {
	display: inline-block;
	border-bottom: 1px dotted #000;
	cursor: pointer;
}

/* Title block */

.fc-header-title {
	display: inline-block;
	margin: 1em 0 0 0;
}

.fc-header-title .title-text {
	display: inline-block;
	vertical-align: top;
}

.fc-header-title h2,
.fc-header-title .h2 {
	margin: 0;
	white-space: nowrap;
	vertical-align: top;
    font-size: 14px;
    font-weight: normal;
}

.fc-header-title .month,
.fc-header-title .year {
	border-bottom: 1px dotted #000;
	cursor: pointer;
}

.fc-header-title .link {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.fc-header-title .link .inner {
	border-bottom: 1px dotted #000;
	display: inline-block;
}

.fc-header-title.month .link {
	min-width: 6em;
}
.fc-header-title.month .link .left {
	text-align: center;
}
.fc-header-title.month .link .right {
	text-align: center;
}

.fc-header-title.week .link {
	min-width: 9em;
}
.fc-header-title.week .link .left {
	text-align: center;
}
.fc-header-title.week .link .right {
	text-align: center;
}

.fc-header-title.day .link {
	min-width: 2.5em;
}
.fc-header-title.day .link .left {
	text-align: center;
}
.fc-header-title.day .link .right {
	text-align: center;
}
.fc-header-title.day .h2 {
	border-bottom: 1px dotted #000;
	cursor: pointer;
}

.fc-header-title.list .link {
	min-width: 6em;
}
.fc-header-title.list .link .inner {
	font-size: 14px;
	line-height: inherit;
}
.fc-header-title.list .delimiter {
	font-size: 1.5em;
	padding-left: .5em;
	padding-right: .5em;
    line-height: 20px;
}



/* Todo label */

.fc-header-right .todo-label {
	display: inline-block;
	margin-left: 1em;
	margin-right: 1em;
	border-top: 1px solid transparent;
	border-bottom: 1px dotted #000;
	cursor: pointer;
}



/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
}

.fc-header .fc-corner-right {
	margin-right: 1px; /* back to normal */
}

.fc-header .ui-corner-right {
	margin-right: 0; /* back to normal */
}

/* button layering (for border precedence) */

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
}

.fc-header .fc-state-down {
	z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
}



/*
 * Content
 * --------------------------------------------------------
 */

.fc-content {
	clear: both;
}

.fc-content > .fc-modal {
	display: none;
	z-index: 9;
}

.fc-view {
	width: 100%; /* needed for view switching (when view is absolute) */
	/*overflow: hidden;*/

    &.fc-view-agendaDay{
        .fc-agenda-slots td{
            border-width: 1px 1px 0px 1px;
            background: #fff;
        }
        .fc-state-highlight {
	        background: #fff;
        }
    }
}



/*
 * Cell Styles
 * --------------------------------------------------------
 */

.fc-widget-header {
	color: #000;
}

/*.fc-widget-header.fc-sun,
.fc-widget-header.fc-sat {
	color: #f00000;
}*/

.fc-widget-content {
	background-color: #fff;
}

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border-style: solid;
	border-color: #e2e2e2;
	border-width: 1px 1px 0px 1px;
}

.fc-state-highlight { /* <td> today cell */
	background: @bg-color-calendar-common;
}

.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: @bg-color-hover-calendar;
}



/*
 * Buttons
 * --------------------------------------------------------
 */

.fc-button {
	display: inline-block;
	cursor: pointer;
}

.fc-button.fc-button-todo {
	margin-left: 40px;
}

.fc-state-default { /* non-theme */
	border-style: solid;
	border-width: 1px 0;
	border-color: transparent;
}

.fc-button-inner 
{
	position: relative;
	float: left;
	overflow: hidden;
	padding: .2em .6em;
}

.fc-state-default .fc-button-inner { /* non-theme */
	border-style: solid;
	border-width: 0 1px;
	border-color: transparent;
}

.fc-button-content {
	position: relative;
	float: left;
	white-space: nowrap;
	border-bottom: 1px dotted #000;
}

.fc-state-active .fc-button-content {
	border-bottom: none;
}

.fc-header-center .fc-button-content {
	color: #000;
	border-bottom-style: none;
}

/* icon (for jquery ui) */

.fc-button-content .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
}

.fc-button-content .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	/*margin-top: 0;*/
	/*top: -50%;*/
}

/* gloss effect */

.fc-state-default .fc-button-effect {
	position: absolute;
	top: 50%;
	left: 0;
}

.fc-state-default .fc-button-effect span {
	position: absolute;
	top: -100px;
	left: 0;
	width: 500px;
	height: 100px;
	border-width: 100px 0 0 1px;
	border-style: solid;
	border-color: #fff;
	background: #444;
	opacity: .09;
	filter: alpha(opacity=9);
}

/* button states (determines colors)  */

.fc-state-default,
.fc-state-default .fc-button-inner {
	/*border-style: solid;*/
	/*border-color: #ccc #bbb #aaa;*/
	/*background: #F3F3F3;*/
	color: #000;
}

.fc-state-hover,
.fc-state-hover .fc-button-inner {
	/*border-color: #999;*/
	/*background: #F3F3F3;*/
    border-color:@color-calendar-common;
	background-color: @color-calendar-common;
}

.fc-state-down,
.fc-state-down .fc-button-inner {
	//border-color:@color-calendar;
	//background-color: @color-calendar;
    border-color:@color-calendar-common;
	background-color: @color-calendar-common;
}
.fc-header-right{
    .fc-state-active,
    .fc-state-active .fc-button-inner{
        border-color: none;
	    background-color: none;
    }
}
.fc-state-active,
.fc-state-active .fc-button-inner {
	border-color: @color-calendar;
	background-color: @color-calendar;
	color: #fff;
}

.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
	color: #999;
	/*border-color: #ddd;*/
}

.fc-state-disabled {
	cursor: default;
	}

.fc-state-disabled .fc-button-effect {
	display: none;
}


.triangle-w, .triangle-e {
	width: 16px;
	display: inline-block;
    position: relative;

    &:after {
        content: " ";
        display: block;
        height: 7px;
        margin-top: -3px;
        position: absolute;
        right: 3px;
        top: 50%;
        width: 7px;

        border: 1px solid #333333;
        border-right: none;
        border-top: none;
    }
}
.triangle-e:after {
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 6px;
}
.triangle-w:after {
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*
 * Global Event Styles
 * --------------------------------------------------------
 */

.fc-event {
    border-style: solid;
    border-width: 0;
    font-size: .98em;
    cursor: default;
    position: relative;

    &:hover {
        z-index: 8 !important;
    }
    &:active {
        z-index: 10 !important;
    }
    &.hidden{
        display: none!important;
    }

}
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
}

a.fc-event {
	text-decoration: none;
    display: inline-block;
}

.fc-rtl .fc-event {
	text-align: right;
}

.fc-event-skin {
	border-color: #36c;     /* default BORDER color */
	background-color: #36c; /* default BACKGROUND color */
	color: #fff;            /* default TEXT color */
}

.fc-event-skin-day {
	border-color: #e5a2ba;
	background-color: #fbd5ee;
	color: #000;
}

.fc-event-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0;
	white-space: nowrap;
}

.fc-event-inner .bullet {
    vertical-align: top;
    line-height: 70%;
    font-size: 17px;
}

.fc-event-time{
    font-size: 11px;
    line-height: 16px;
}

.fc-todo-completed{
    .fc-event-time,
    .fc-event-title {
	    text-decoration: line-through;
        color: #8a8f94;
    }

}

.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	vertical-align: middle;
}

.fc-event-title {
	position: absolute;
    padding-left: 4px;
	left: 0px;
	top: 0px;
}

.fc-event-cancelled {
    text-decoration: line-through;
}

.fc-event-title .inner {
	overflow: hidden;
}
.fc-event-title:hover .inner {
	overflow: visible;
	position: absolute;
	top: -1px;
	left: 0px;
	border: 1px solid #000;
	background-color: #ffc;
	z-index: 10000;
	color: #000;
    max-width: 150%;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fc-event-title:hover .inner.tooltip-right {
	left: auto;
	right: 0;
}

.fc-event-title .dots {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
}
.fc-event-title:hover .dots {
	display: none;
}

.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
	display: block;
	position: absolute;
	z-index: 9999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
}


.fc-event-alert,
.fc-event-repeat {
	display: inline-block;
	background-position: left;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0 0 0 .5em;
}
.fc-event-alert {
	background-image: url('@{imagepath}event-alert.png');
}
.fc-event-repeat {
	background-image: url('@{imagepath}event-repeat.png');
}


/*
 * Horizontal Events
 * --------------------------------------------------------
 */

 .fc-event.fc-segm-right{
    margin-left: 10px;
    &:after{
        content: '';
        width: 0;
        position: absolute;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        display: block;
        height: 0;
        top: -1px;
    }
    &:after{
        border-right: 9px solid;
        border-right-color: inherit;
        left: -9px;
    }
 }
.fc-event.fc-segm-left{
    &:before{
        content: '';
        width: 0;
        position: absolute;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        display: block;
        height: 0;
        top: -1px;
    }
    &:before{
        border-left: 9px solid;
        border-left-color: inherit;
        right: -9px;
    }
 }

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 2px;
	margin-top: 1px;
}

/* resizable */

.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: 0px       !important;
	width: 8px       !important;
	height: 100%     !important;
	cursor: e-resize;
	//background-image: url('@{imagepath}resizer.png');
	//background-position: 100% 100%;
	//background-repeat: no-repeat;

    &:after{
        content: '';
        position: absolute;
        bottom: 1px;
        right: 1px;
        width: 0;
        height: 0;
        border-bottom: 8px solid rgba(255,255,255,.5);
        border-left: 8px solid transparent;
    }
}

.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
}



/*
 * Fake Rounded Corners (for buttons and events)
 * --------------------------------------------------------
 */

.fc-corner-left {
	margin-left: 1px;
}

.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
	margin-left: -1px;
}

.fc-corner-right {
	margin-right: 1px;
}

.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
	margin-right: -1px;
}

.fc-corner-top {
	margin-top: 1px;
}

.fc-corner-top .fc-event-inner {
	margin-top: -1px;
}

.fc-corner-bottom {
	margin-bottom: 1px;
}

.fc-corner-bottom .fc-event-inner {
	margin-bottom: -1px;
}



/*
 * Fake Rounded Corners SPECIFICALLY FOR EVENTS
 * --------------------------------------------------------
 */

.fc-corner-left .fc-event-inner {
	border-left-width: 1px;
}

.fc-corner-right .fc-event-inner {
	border-right-width: 1px;
}

.fc-corner-top .fc-event-inner {
	border-top-width: 1px;
}

.fc-corner-bottom .fc-event-inner {
	border-bottom-width: 1px;
}



/*
 * Reusable Separate-border Table
 * --------------------------------------------------------
 */

table.fc-border-separate {
	border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
	border-width: 0 1px 1px 0;
}

.fc-border-separate th.fc-first,
.fc-border-separate td.fc-first {
	border-left-width: 0;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 0;
}

.fc-border-separate tr.fc-first th,
.fc-border-separate tr.fc-first td {
	border-top-width: 1px;
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 0;
}



/*
 * Month View, Basic Week View, Basic Day View
 * --------------------------------------------------------
 */

.fc-event-container {
	position: absolute;
	z-index: 8;
}
.fc-event-container:hover {
  z-index: 99;
}

.fc-event-info {
  position: absolute;
  color: @color-calendar;
  border-bottom: 1px dotted @color-calendar;
  font-size: 75%;
  text-align: center;
	white-space: nowrap;
  padding: 0;
	margin: 0;
  cursor: pointer;
  overflow: hidden;
  z-index: 9;
}

.fc-event-popup {
  position: absolute;
  padding: 3px;
  background-color: white;
  border: 1px solid gray;
  z-index: 10;
}
.fc-event-popup .fc-day-number {
  margin-bottom: 5px;
	background-color: whitesmoke;
}
.fc-event-popup .fc-event-inner {
	height: auto;
}

.fc-grid th {
	padding-left: .5em;
	font-weight: normal;
	text-align: left;
	
	border-top: 1px solid #fff;
	border-right: 1px solid #c7c7c7;
	border-left: 1px solid #fff;

    &:first-letter{
        text-transform: uppercase;
    }
}

/* day number */

.fc-grid .fc-day-number {
	visibility: visible;
	text-align: left;
	padding: 1px 2px 2px;
}

/*.fc-grid .fc-sun .fc-day-number,
.fc-grid .fc-sat .fc-day-number {
	color: #f00000;
}*/

.fc-grid .fc-other-month .fc-day-number,
.fc-grid .fc-other-month .fc-day-number-big {
	opacity: 0.4;
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}
.fc-grid .fc-other-month > div {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* for IE */
}

.fc-grid .fc-day-number > span {
	display: inline-block;
	cursor: pointer;
    padding: 1px 5px;
    border-radius: 3px;
}

.fc-grid .fc-day-number > span:hover {
	//border-bottom: 1px solid #000;
    text-decoration: underline;
	display: inline-block;
	cursor: pointer;
}

/*.fc-grid .fc-sun .fc-day-number > span,
.fc-grid .fc-sat .fc-day-number > span {
	border-bottom-color: #f00000;
}*/


/*--diabled big day numbers--
.fc-grid .fc-day-number-big {
	display: none;
}

.fc-grid td.no-events .fc-day-number {
	visibility: hidden;
}

.fc-grid td.no-events .fc-day-number-big {
	display: block;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	font-size: 5em;
	color: #ddd;
}*/

/*.fc-grid td.no-events.fc-sun .fc-day-number-big,
.fc-grid td.no-events.fc-sat .fc-day-number-big {
	color: #ffb6c1;
}*/

/* today cell */

.fc-grid .fc-today .fc-day-number {
	color: #fff;
}
.fc-grid .fc-today .fc-day-number > span {
    background-color: @color-calendar;
	border-bottom-color: #fff;
}

.fc-grid td.no-events.fc-today .fc-day-number-big {
	color:@color-calendar;
}

.fc-grid td.fc-today {
	//border-color: @color-calendar;
	border-color: #e2e2e2;
}
.fc-grid td.fc-today-left {
	//border-right-color: @color-calendar;
	border-right-color: #e2e2e2;
}
.fc-grid td.fc-today-top {
	//border-bottom-color:@color-calendar;
	border-bottom-color: #e2e2e2;
}
.fc-grid tr.fc-last td.fc-today {
	border-bottom-width: 1px;
}

/* cell content */

.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time {
}

.fc-grid .fc-event-skin {
	color: black;
}

/* right-to-left */

.fc-rtl .fc-grid .fc-day-number {
	float: left;
}

.fc-rtl .fc-grid .fc-event-time {
	float: right;
}



/*
 * Agenda Week View, Agenda Day View
 * --------------------------------------------------------
 */

.fc-agenda table.fc-agenda-inner {
	border-collapse: collapse;
	width: 100%;
}
.fc-agenda table.fc-agenda-inner .td-day-list {
	/*width: 50%;
	border-left: 1px solid #c7c7c7;*/
	display: none;
}

.fc-agenda .day-list {
	position: relative;
	padding: 1.5em .5em 0;
}

/* big date box */

.fc-agenda .day-list .big-date-box {
	display: inline-block;
	color: #656565;
	padding-left: 1.5em;
	position: relative;
}
.fc-agenda .day-list.fc-sat .big-date-box,
.fc-agenda .day-list.fc-sun .big-date-box {
	color: #e00;
}

.fc-agenda .day-list .big-date-box .top-text {
	font-size: 1.5em;
	font-weight: bolder;
	text-align: left;
}
.fc-agenda .day-list .big-date-box .big-text {
	font-size: 5em;
	font-weight: bolder;
	line-height: 100%;
	text-align: center;
	width: 2em;
}
.fc-agenda .day-list .big-date-box .bottom-text {
	font-size: 1.8em;
	font-weight: bolder;
	text-align: right;
}

.fc-agenda .day-list .today-label {
	display: none;
	color: white;
	background-color: @color-calendar;
	font-weight: bolder;
	position: absolute;
	left: 1.5em;
	bottom: .2em;
	/* round corners */
	margin-left: 1px;
	margin-right: 1px;
	border-top: 1px solid @color-calendar;
	border-bottom: 1px solid @color-calendar;
}
.fc-agenda .day-list .today-label .inner {
	padding: 2px 4px;
	/* round corners */
	margin-left: -1px;
	margin-right: -1px;
	border-left: 1px solid @color-calendar;
	border-right: 1px solid @color-calendar;
}
.fc-agenda .day-list.fc-today .today-label {
	display: inline-block;
}

/* all-day events */

.fc-agenda .day-list .allday-box {
	position: absolute;
}
.fc-agenda .day-list .allday-tasks-title {
	color: #656565;
	font-weight: bold;
	padding-bottom: 1em;
	text-align: center;
}
.fc-agenda .day-list .allday-tasks-scroller {
	overflow-y: scroll;
	position: absolute;
	left: 2em;
	right: 0;
	bottom: 0;
}

.fc-agenda .day-list table.allday-tasks-list {
	border-collapse: collapse;
	width: 100%;
}

.fc-agenda .day-list table.allday-tasks-list td.task-img {
	width: 20px;
}
.fc-agenda .day-list table.allday-tasks-list td.task-title {

}

.fc-agenda .day-list table.allday-tasks-list div.task-title {
	font-weight: bold;
}

/* today's events */

.fc-agenda .day-list .tasks-title {
	padding: 1em 0 .5em 1em;
	font-size: 1.5em;
	color: #656565;
}

.fc-agenda .day-list .tasks-scroller {
	overflow-y: scroll;
	position: absolute;
}

.fc-agenda .day-list table.tasks-list {
	border-collapse: collapse;
	width: 100%;
}

.fc-agenda .day-list table.tasks-list td {
	border-top: 1px solid #ccc;
	padding-top: .5em;
	padding-bottom: .5em;
}
.fc-agenda .day-list table.tasks-list tr.last td {
	border-bottom: 1px solid #ccc;
}

.fc-agenda .day-list table.tasks-list td.task-img {
	width: 20px;
}
.fc-agenda .day-list table.tasks-list td.task-title {

}
.fc-agenda .day-list table.tasks-list td.task-time {
	width: 7em;
	text-align: right;
	padding-right: .5em;
}

.fc-agenda .day-list table.tasks-list div.task-title {
	font-weight: bold;
	font-size: 1.2em;
}
.fc-agenda .day-list table.tasks-list div.task-note {
	color: #656565;
}
.fc-agenda .day-list table.tasks-list div.task-time {
	color: #656565;
}

/* agenda table */

.fc-agenda .main-container {
	position: relative;
 }

.fc-agenda table {
	border-collapse: separate;
}

.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	border-right: 0;
	line-height: 100%;
}

.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
}

/* make axis border take precedence */

.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
}

.fc-agenda-days th {
	text-align: center;
	border-top: 1px solid #fff;
	border-right: 1px solid #e2e2e2;
	border-left: 1px solid #fff;
}
.fc-agenda-days th.fc-first {
	border-left-color: #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
.fc-agenda-days th.fc-today {
	//color: #fff;
    font-weight: bold;
	background-color: @bg-color-calendar-common;
}

.fc-agenda-days thead th {
	text-align: left;
	font-weight: normal;
	padding: 0 .5em;
	position: relative;

    .fc-head-col-name:first-letter{
        text-transform: uppercase;
    }
}

.fc-agenda-days thead th .number {
	/*position: absolute;
	right: 0;
	padding: 0 .5em;
	*/
	cursor: pointer;
}
.fc-agenda-days thead th.fc-today .number{
	//background-color:@color-calendar;
}

.fc-agenda-days thead th .center {
	float: none;
	text-align: center;

    &:first-letter{
        text-transform: uppercase;
    }
}

.fc-agenda-days tbody th {
	text-align: center;
	background-color: #fff;
	border-top-color: #c7c7c7;
}

.fc-agenda-days td.fc-today {
	//border-left: 1px solid @color-calendar;
	//border-right: 1px solid @color-calendar;

    border-left: 1px solid @color-calendar-common;
	border-right: 1px solid @color-calendar-common;
}
.fc-agenda-days th.fc-today-left,
.fc-agenda-days td.fc-today-left {
	border-right-width: 0;
}

/* all-day area */

.fc-agenda-allday th {
	border-width: 0;
}

.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
}

/* divider (between all-day and slots) */

.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
	background: #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.fc-widget-header.fc-agenda-axis {
    white-space:pre-wrap;
}
/* slot rows */

.fc-agenda-slots th.fc-agenda-axis {
	border-width: 1px 0 0;
	padding: 0;
	text-align: left;
}

.fc-agenda-slots th.fc-agenda-axis > div {
	position: relative;
	width: 100%;
	margin-top: -.75em;
	background-color: white;
	text-align: center;
}

.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
}

.fc-agenda-slots td div {
	height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th {
	border-top: 0;
}
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	border-top-style: solid; /* doesn't work with background in IE6/7 */
}

/* time marker */

.fc-agenda .fc-time-marker {
    position: absolute;
    z-index: 7;
    left: 0;
    top: 0;
    white-space: nowrap;

    .left-side {
        border-bottom: 7px solid transparent;
        border-left: 7px solid #b40000;
        border-top: 7px solid transparent;

        position: absolute;
        top: 0;
        left: 1px;
        width: 0;
        height: 0;
        display: none;
        margin: 0;
        z-index: 10;
    }

    .right-side {
        display: none;
    }
    .title{
        position: absolute;
        left: -41px;
        top: -3px;
        font-size: 13px;
        color:#b40000;
        background: rgba(255,255,255,.9);
    }
    .center-line {
        position: absolute;
        top: 6px;
        left: 1px;
        height: 0px;
        border-top: 1px solid #b40000;
        border-bottom: 1px solid #ddd;
    }
}


/*
 * Vertical Events
 * --------------------------------------------------------
 */

.fc-event-vert {
	border-width: 0 1px;
}

.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
}
.fc-event-vert:hover .fc-event-head.fc-tooltip,
.fc-event-vert:hover .fc-event-content.fc-tooltip {
	overflow: visible;
	z-index: 99999;
}

.fc-event-vert .fc-event-title {
	overflow: hidden;
	position: relative;
	left: 0px;
	top: 0px;
	white-space: normal;
	border: 1px solid transparent;
}
.fc-event-vert:hover .fc-event-content.fc-tooltip .fc-event-title {
	overflow: visible;
	position: absolute;
	color: #000;
	border-color: #000;
	background-color: #ffc;
	z-index: 99999;
}
.fc-event-vert:hover .fc-event-content.fc-tooltip.right .fc-event-title {
	left: auto;
	right: 0;
}

.fc-event-vert .fc-event-time {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	font-size: 10px;
	border: 1px solid transparent;
}
.fc-event-vert:hover .fc-event-head.fc-tooltip .fc-event-time {
	overflow: visible;
	position: absolute;
	color: #000;
	border-color: #000;
	background-color: #ffc;
	z-index: 99999;
}
.fc-event-vert:hover .fc-event-head.fc-tooltip.right .fc-event-time {
	left: auto;
	right: 0;
}

.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
}

.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */

.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 10px      !important;
	overflow: hidden !important;
	line-height: 10px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;

    &:after {
        content: '';
        position: absolute;
        bottom: 1px;
        right: 1px;
        width: 0;
        height: 0;
        border-bottom: 8px solid rgba(255, 255, 255, 0.5);
        border-left: 8px solid transparent;
    }
}

.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
}


/*
 * List view
 * --------------------------------------------------------
 */

.fc-lv-scroller {
	overflow-y: auto;
	padding: 0 0 0 18px;
}

.fc-lv-month-title {
	font-size: 1.5em;
	font-weight: bold;
	padding: 1em 1em 0;
}

.fc-lv-no-events {
	margin: 2em;
	color: #000;
	background-color: #ffe;
	border: 1px solid #e2e277;
	margin: 1.5em;
	padding: 1.5em;
	font-size: 120%;
}

table.fc-lv-events {
	border-collapse: collapse;
	width: 100%;
}

table.fc-lv-events.first {
	margin-top: .3em;
}

table.fc-lv-events tr.event-row {
	cursor: pointer;
}

table.fc-lv-events th {
	padding: .3em 0 .3em 0;
	color: #000;

    span:first-child{
        display: block;

        &:first-letter{
            text-transform: uppercase;
        }
    }
    span:not(:first-child){
        font-weight: 500;
    }
}

table.fc-lv-events.first th {
	border-top-width: 1px;
}
table.fc-lv-events.today{
    background-color: #f5f5f5;
}
table.fc-lv-events.today th {
}

table.fc-lv-events td {
	padding-top: .3em;
	padding-bottom: .3em;
}
table.fc-lv-events td.first {
}
table.fc-lv-events td.last {
}
table.fc-lv-events tr.last td {
}

table.fc-lv-events.today td.first {
}
table.fc-lv-events.today td.last {
}
table.fc-lv-events.today tr.last td {
}

table.fc-lv-events td.bullet {
	width: 15px;
	padding-left: 3px;
}
table.fc-lv-events td.title {
}
table.fc-lv-events td.time {
	width: 11em;
	text-align: right;
	padding-right: .5em;
}

table.fc-lv-events td.bullet{
    span.bullet{
        font-size: 17px;
        line-height: 14px;
    }
}
table.fc-lv-events td .title {
    display: block;
    max-width: 230px;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;

    &.completed{
        text-decoration: line-through;
        color: #8a8f94;
    }
}
table.fc-lv-events td .note {
	color: #808080;
	padding-left: .5em;
}
table.fc-lv-events td .time {
	color: #656565;
    text-align: left;

    .dash{
        display: inline-block;
        width: 11px;
        height: 1px;
        background: #656565;
        margin: 3px 3px;
    }
}

/*
 * Left panel
 * --------------------------------------------------------
 */

.fc-catlist {
	width: 240px;
}

td.fc-catlist {
}
td.fc-catlist.hidden {
	display: none;
}

div.fc-catlist {
	position: relative;
	background-color: #fff;
}

/* Content */

.fc-catlist .fc-modal {
	display: none;
	z-index: 99;
}

.fc-catlist .content {
	padding: 0 1em;
	min-height: 170px;
}
.fc-catlist .content.fixed {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.fc-catlist .content-h {
	padding: 1em .7em .5em .6em;
	margin: 0 0 .7em;
	position: relative;
    cursor: pointer;


    &:after{
        bottom: 11px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #83888D;
        content: "";
        height: 0;
        margin-top: -2px;
        position: absolute;
        left: -8px;
        width: 0;
    }

    &.active{
        &:after{
            transform: rotate(270deg);
        }
    }

}
.fc-catlist .content-h.first {
	padding-top: .7em;
}
.fc-catlist .content-h .main-label {
	font-size: 120%;
	font-weight: normal;
	line-height: 100%;
}
.fc-catlist .content-h .add-label,
.fc-catlist .content-h .manage-label {
	cursor: pointer;
	background-position: left;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 0 .4em 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
.fc-catlist .content-h .add-label {
	background-image: url('@{imagepath}list-header-add.png');
}
.fc-catlist .content-h .manage-label {
	background-image: url('../../../../../skins/default/images/svg/calendar/general-settings.svg');
}

.fc-catlist .categories,
.fc-catlist .subscr {
  position: relative;
	
    position: relative;
    min-height: 2.5em;
    overflow: auto;
    width: 100%;
    padding-bottom: 3px;

    &.hidden{
        display: none;
    }
}

/* List item */

.fc-catlist .content-li {
	padding: 0px 10px 1.2em;
	position: relative;
}

.fc-catlist .content-li .bullet {
	cursor: pointer;
	position: relative;
	width: 1em;
	height: 1em;
	margin-top: 0;
	margin-right: .5em;
	display: inline-block;

    &:before{
        content: '';
        display: block;
        position: absolute;
        top: 1px;
        left: 4px;
        width: 3px;
        height: 7px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        border-top: 0 solid #fff;
        border-left: 0 solid #fff;
        transform: rotate(45deg);
    }
}
.fc-catlist .content-li .bullet .shared {
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 8px;
	height: 8px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('@{imagepath}list-item-shared.png');
}

.fc-catlist .content-li .label {
	position: absolute;
	left: 29px;
	top: -1px;
	margin: 0;
	line-height: 120%;
	white-space: nowrap;
	border: 1px solid transparent;
}
.fc-catlist .content-li .label.show-tooltip {
	overflow: hidden;
}
.fc-label-tooltip {
	position: absolute;
	color: #000;
	border: 1px solid #000;
	background-color: #ffc;
	z-index: 10000;
	line-height: 120%;

    max-width: 250px;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fc-catlist .content-li .dots {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 2px;
	background-color: #fff;
	line-height: 150%;
}

.fc-catlist .content-li .edit-icon {
	display: none;
	cursor: pointer;
	background-color: white;
	background-position: right;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding-left: .5em;
	position: absolute;
	top: 0;
	margin: 0;
}
.fc-catlist .content-li:hover .edit-icon {
	display: block;
	z-index: 1;
}

.fc-catlist .content-li .edit-icon {
	background-image: url('../../../../../skins/default/images/svg/calendar/pencil.svg');
    background-position: 50% 50%;
	right: 0;
}

/* Date picker */

.fc-catlist-picker {
	//border-top: 1px solid #dedede;
	//border-bottom: 1px solid #dedede;
	width: 100%;
	margin-top: .7em;
    z-index: 8;
}
.fc-catlist-picker.fixed {
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;
	border-bottom-width: 0;
}

.fc-catlist-picker > div {
  position: relative;
  width: 100%;
  height: 100%;
}

.fc-catlist-picker .hide {
  width: 100%;
  text-align: center;
	padding: .5em 0;
}

.fc-catlist-picker .hide span {
  color: #aaa;
  cursor: pointer;
  border-bottom: 1px dotted #aaa;
  line-height: 1.5em;
}

.fc-catlist-picker #fc_datepicker {
    text-align: center;
	//border-bottom: 1px solid #dedede;
}

.fc-catlist-picker #fc_datepicker .ui-datepicker {
  display: block;
  width: 100%;
	border: none;
	padding: 0;
}

.fc-catlist-picker #fc_datepicker .ui-datepicker .ui-datepicker-month,
.fc-catlist-picker #fc_datepicker .ui-datepicker .ui-datepicker-year {
	border-bottom: 1px dotted #000;
	cursor: pointer;
	padding-bottom: .1em;
}

.fc-catlist-picker #fc_datepicker table.ui-datepicker-calendar {
	border-collapse: separate;
	margin: 0;
	padding: 0;
}

.fc-catlist-picker #fc_datepicker .ui-datepicker-calendar th {
    width: .8em;
	padding-left: 0;
	padding-right: 0;
	font-weight: normal;
	&:first-letter{
        text-transform: uppercase;
    }
}

.fc-catlist-picker #fc_datepicker .ui-datepicker-calendar tbody td {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
.fc-catlist-picker #fc_datepicker .ui-datepicker-calendar tbody td:first-child {
	border-left-width: 0;
}
.fc-catlist-picker #fc_datepicker .ui-datepicker-calendar tbody td.ui-state-disabled {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.fc-catlist-picker #fc_datepicker .ui-datepicker-calendar tbody td.has-events a {
	text-decoration: underline;
	font-weight: bolder;
}

.fc-main
{
    border: 1px solid #e2e2e2;    
    border-left: none;
}

/*
 * Right panel
 * --------------------------------------------------------
 */

.fc-todo-list-container {
    display: block;
    position: relative;
    width: @todo-list-width;
    height: 100%;
    float: right;
    transition: margin-right 0.5s;
    margin-top: 10px;
    padding-top: 18px;
    border-top: 1px solid #e2e2e2;
    margin-right: -235px;
    .fc-todo-list{
        height: 100%;
        width: @todo-list-width;
    }
}

.fc-todo-list.hidden {
  display: none;
}

td.fc-todo-list {
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}

div.fc-todo-list {
	position: relative;
}

/* Content */

.fc-todo-list .content {
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom:20px;
}

.fc-todo-list .content-h {
	font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
    padding-left: 24px;
    text-align: left;
}
.fc-todo-list .content-h .close-btn {
    position: absolute;
    cursor: pointer;
    top: -6px;
    right: 0px;
    width: 12px;
    font-size: 23px;
    color: #333333;
    margin-left: 10px;
}

.fc-todo-list .content-h > span {
	cursor: pointer;
}

.fc-todo-list .add-btn{
	float: left;
    position: relative;
    border-bottom: 1px dotted black;
    font-size: 12px;
    margin-left: 47px;
    margin-top: 14px;
    cursor: pointer;

    span.add-todo{
        left: -21px;
        top: 1px;
    }
}

/* Todo list items */

.fc-todo-list .items {
	position: relative;
}
.fc-todo-list.modal .items {
	z-index: 8;
}
.fc-todo-list span.add-todo{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 4px;
    right:-2px;
    cursor: pointer;
    &:after{
        color: #83888d;
        content: "+";
        cursor: pointer;
        display: block;
        font-size: 22px;
        font-weight: 800;
        height: 20px;
        line-height: 20px;
        left: 1px;
        margin-top: -11px;
        position: absolute;
        top: 50%;
        width: 12px;
    }
}
.fc-todo-list .todo-container.close span.add-todo {
    top: 6px;
    right: -1px;
}
.fc-todo-list .items .todo-container{

    margin-bottom: 20px;
    position: relative;

    
    span.title{
        display: block;
        max-width: 155px;
        margin-bottom: 11px;
        margin-left: 19px;
        padding-left: 20px;
        font-size: 14px;
        position: relative;
        cursor: pointer;
        &:after{
            cursor: pointer;
            bottom: 11px;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid #83888d;
            content: "";
            height: 0;
            margin-top: -2px;
            position: absolute;
            left: 6px;
            top: 12px;
            width: 0;
        }
        
    }
    &.close .content-li{
        display: none;
    }
    &.close span:after {
        transform: rotate(270deg);
    }

    &.overdue{
        .add-todo{
            display: none;
        }
    }
     
}
.fc-todo-list .content-li {
	margin: 0 0 0.5em 1.8em;
	cursor: pointer;
    position: relative;
}
.fc-todo-list .content-li input.editable-label-text,
.fc-todo-list .content-li input.editable-label-text:active {
    max-width: 150px;
    font-size: 12px;
    position: absolute;
    top: -5px;
    left: 25px;
}
.fc-todo-list .content-li input.editable-label-text:focus {
    padding: 2px 1px;
}
.fc-todo-list input[type="checkbox"]{
    display: none;
}
.fc-todo-list input[type="checkbox"]+span,input[type="radio"]+span{
	-webkit-appearance:none;
	width: 13px;
    height: 13px;
    border-radius: 2px;
	border:1px solid rgba(0,0,0,.3);
	outline:none;
    margin:5px;
    margin-top: 0;
	box-sizing:border-box;
	display:inline-block;
	cursor: pointer;

	&.delete-this-label, &.delete-following-label, &.delete-all-label, &.only-day-label, &.each-day-label {
		width: 85%;
		margin: 0;
		height: auto;
		border: none;
	}
}
.fc-todo-list input[type="checkbox"]:checked+span{
    background:#fbedc9;
    border-color: #ecdeba;
}
.fc-todo-list input[type="checkbox"]:checked+span:before{
	content: "";
    display: block;
    width: 3px;
    height: 7px;
    border: 0 solid #0d0d0b;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
    margin: 0px 3px;
    pointer-events: none;
}
.fc-todo-list .content-li > * {
	vertical-align: middle;
}

.fc-todo-list .content-li .bullet {
	vertical-align: baseline;
}

.fc-todo-list .content-li:not(.edit):hover{
    .edit-todo-button,
    .del-todo-button{
        display: block;
    }
}

.fc-todo-list .content-li .edit-todo-button{
    &:after{
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        top: 0;
        right: 13px;
        background: linear-gradient(to left, #fff, rgba(255,255,255,0));
    }
}
.fc-todo-list .content-li .del-todo-button,
.fc-todo-list .content-li .edit-todo-button{
    display: none;
	width: 15px;
    height: 17px;
    top: -3px;
    right: 18px;
    cursor: pointer;
    position: absolute;
    background: #fff;
    
    &:hover{
         display: block;
    }
}
.fc-todo-list .content-li .del-todo-button{
    right: 0;
    width: 19px;
    text-align: right;
}

.fc-todo-list .content-li .label {
	margin-left: 0.3em;
    vertical-align: top;
    line-height: 14px;

    display: inline-block;
    max-width: 155px;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fc-todo-list .content-li .description{
    margin-top: 1px;
    margin-left: 26px;
    font-size: 11px;
    cursor: pointer;
    color: #8a8f94;
    overflow: hidden;
    max-height: calc(~"25px * 3");
    text-align: unset;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
         
    &:hover{
        text-decoration: underline;
    }
}

.fc-todo-list .content-li.completed .description,
.fc-todo-list .content-li.completed .label {
	text-decoration: line-through;
    color:#8a8f94;
}

/* Sort label */

.fc-todo-list .sort-label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2px;
	text-align: center;
}
.fc-todo-list .sort-label > span {
  cursor: pointer;
	color: #999;
}
.fc-todo-list .sort-label .label {
	display: inline-block;
  line-height: 1.5em;
  border-bottom: 1px dotted #aaa;
}

.fc-todo-list .fc-modal {
	display: none;
	z-index: 99;
}


/*
 * Shared list
 * --------------------------------------------------------
  *
 * Available classes (combination):
 *   no class (default, no users)
 *   has-users
 *   more-users
*/
#fc_cal_editor .export{
    display: block;
}
.export,
.shared-list {
    display: inline-block;
    .link {
        border-bottom: 1px dotted #000;
        cursor: pointer;

        &:hover {
            text-decoration: none;
        }
    }

    .add-icon {
        padding-left: 16px;
        margin-right: .5em;
        line-height: 16px;
        cursor: pointer;
        position: relative;

        &:after {
            content: "+";
            cursor: pointer;
            display: block;
            height: 12px;
            line-height: 12px;
            left: 1px;
            position: absolute;
            top: 50%;
            margin-top: -6px;
            width: 12px;
            font-weight: 800;
            font-size: 22px;
            color: #888;
        }
    }

    .users-list {
        display: none;

        .label {
            font-weight: bold;
            margin-bottom: .5em;
        }

        .short-list {
            line-height: 200%;
            word-wrap: break-word;
            width: 30em;
            white-space: normal;
        }

        .user {
            padding-right: 1em;
            /*white-space: nowrap;*/
        }
    }

    &.has-users {
        .empty-list {
            display: none;
        }

        .users-list {
            display: block;
        }
    }
}

.shared-list .users-list .user .icon,
.shared-list .users-list .user .remove-btn {
	display: inline-block;
	background-repeat: no-repeat;
	line-height: 16px;
}
.shared-list .users-list .user .icon{
	background-image: url('@{imagepath}profile.png');
	background-position: left;
	padding-left: 16px;
}
.shared-list .users-list .user .remove-btn {
	background-image: url('@{imagepath}trash.png');
	background-position: right;
	padding-right: 16px;
	cursor: pointer;
}

.shared-list .users-list .more-users {
	display: none;
}
.shared-list.more-users .users-list .more-users {
	display: block;
	margin-top: .7em;
}

.shared-list .users-list .add-users {
	margin-top: 2em;
}


/*
 * Event editor
 * --------------------------------------------------------
 *
 * Available classes for editor:
 *   no class (default, view mode)
 *   add-dialog
 *   add-popup
 *   edit-popup
 *
 * Available class for all-day section:
 *   no class (default, not all-day event)
 *   yes      (all-day event)
 */

#fc_todo_viewer,
#fc_event_editor {
	z-index: 99;
	padding: 2em;
	min-width: 29em;
	max-width: 60em;
	white-space: nowrap;
	/*font-family: Arial;*/
}

#fc_event_editor .viewer .location {
    width: 360px;
    max-height: 50px;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
}

.event-editor .viewer,
.event-editor .editor {
	min-width: 30em;
	margin-bottom: 2.5em;
}
#fc_todo_viewer .viewer{
    min-width: 30em;
    margin-bottom: 0;
}

.event-editor .viewer .calendar {
	max-width: 30em;
	white-space: normal;
}

.repeat-settings {
	display: inline-block;
	
	min-width: 16em;
	max-width: 18em;
	
	background-color: #f5f5f5;
	vertical-align: top;
	margin: -1em -1em -1.5em 1em;
	padding: 0 1em;
}

.repeat-settings.hidden {
	display: none;
}

#fc_delete_settings {
    z-index: 80;
    padding: 1em;
    min-width: 30em;
    max-width: 40em;
}

#fc_delete_settings .single-content {
    display: none;
}
#fc_delete_settings .repeat-content {
    display: block;
}
#fc_delete_settings.single .single-content {
    display: block;
}
#fc_delete_settings.single .repeat-content {
    display: none;
}

#fc_ical_stream {
    z-index: 200;
    padding: 1em;
}

.event-editor.add-dialog {
	padding-top: 0;
	padding-bottom: 2.2em;
	border: 1px solid #D1D1D1;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

#fc_delete_settings.add-popup,
#fc_ical_stream.add-popup {
    border: 1px solid #d1d1d1;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    min-width: 25em;
    padding: 0 2em 2em;
}

.event-editor input,
.event-editor select,
.event-editor textarea,
.repeat-settings input,
.repeat-settings select {
	border: solid 1px #c7c7c7;
	margin: 0;
}

.event-editor input:focus,
.event-editor select:focus,
.event-editor textarea:focus,
.repeat-settings input:focus,
.repeat-settings select:focus {
	border: solid 1px #3186af;
	outline: none;
}
#fc_todo_viewer .viewer > div,
.event-editor .viewer > div,
.event-editor .editor > div,
.repeat-settings > div,
#fc_delete_settings .delete-selector > div,
#fc_ical_stream .delete-selector > div {
	margin: 1.5em 0;
}

.event-editor .editor div.todo_editor .description{
    margin-top: 1.5em;
}
.event-editor .editor div.todo_editor .date-time .time {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 13px;
}


#fc_todo_viewer .viewer > div{
    &.buttons{
        margin-bottom: 10px;
    }
}

.event-editor .label, 
.repeat-settings .label,
#fc_delete_settings .label,
#fc_ical_stream .label,
#fc_subscription_dlg .label {
	font-weight: bold;
	margin-bottom: .5em;
}

/* buttons */

.event-editor .buttons,
#fc_delete_settings .buttons,
#fc_ical_stream .buttons {
	min-width: 30em;
}

.event-editor .buttons {
	margin-top: -1.5em;
}

.event-editor .buttons a,
#fc_delete_settings .buttons a,
#fc_ical_stream .buttons a{
	display: inline-block;
	min-width: 4em;
}

.event-editor .buttons .edit-btn,
.event-editor .buttons .delete-btn,
.event-editor .buttons .close-btn,
.event-editor .buttons .unsubs-btn,
#fc_delete_settings .buttons .close-btn,
#fc_ical_stream .buttons .close-btn {
	display: none;
}

.event-editor.edit-popup{
    .buttons .edit-btn,
    .buttons .save-btn,
    .buttons .close-btn,
    .buttons .cancel-btn,
    .buttons .delete-btn{
        margin-bottom: 24px;
    }
}

.event-editor .buttons .edit-btn,
.event-editor .buttons .save-btn,
.event-editor .buttons .close-btn,
.event-editor .buttons .cancel-btn,
.event-editor .buttons .delete-btn,
#fc_delete_settings .buttons .save-btn,
#fc_delete_todo .buttons .save-btn,
#fc_todo_viewer .buttons .mark-btn,
#fc_todo_viewer .buttons .edit-btn,
#fc_delete_settings .buttons .ok-btn {
	margin-right: .5em;
}

.event-editor .buttons.editable .edit-btn {
	display: inline-block;
}

.event-editor .buttons.erasable .delete-btn {
	display: inline-block;
}

.event-editor .buttons.readonly .close-btn,
#fc_delete_settings .buttons.readonly .close-btn,
#fc_ical_stream .buttons.readonly .close-btn {
	display: inline-block;
}
.event-editor .buttonGroup,
.event-editor .buttons.readonly .cancel-btn,
#fc_delete_settings .buttons.readonly .cancel-btn,
#fc_ical_stream .buttons.readonly .cancel-btn {
	display: none;
}
.event-editor .editor > div.buttonGroup{
    margin: 0;
}


.event-editor .buttons.shared {
	min-width: 30em;
}
.event-editor .buttons.shared .unsubs-btn {
	display: inline-block;
}

.event-editor.add-dialog .buttons .edit-btn,
.event-editor.add-popup .buttons .edit-btn,
.event-editor.edit-popup .buttons .edit-btn,
.event-editor .buttons .save-btn,
.event-editor .buttons .view-details,
.event-editor.add-dialog .buttons .delete-btn,
.event-editor.add-popup .buttons .delete-btn,
#fc_delete_settings .buttons .save-btn,
#fc_delete_settings .buttons .ok-btn {
	display: none;
}

.event-editor .todo_editor,
.event-editor .todo_editor .date-time,
.event-editor .todo_editor .description,
.event-editor.edit-popup .todo_editor,
.event-editor.edit-popup.todo-popup .location,
.event-editor.edit-popup.todo-popup .date-time,
.event-editor.edit-popup.todo-popup .all-day,
.event-editor.edit-popup.todo-popup .attendees,
.event-editor.edit-popup.todo-popup .repeat-alert,
.event-editor.edit-popup.todo-popup .calendar-status,
.event-editor.edit-popup.todo-popup .description,
.event-editor.edit-popup.todo-popup .buttons .view-details,{
    display: none;
}
.event-editor.edit-popup.todo-popup .todo_editor,
.event-editor.edit-popup.todo-popup .todo_editor .date-time,
.event-editor.edit-popup.todo-popup .todo_editor .description{
    display: block;
}


.event-editor.add-dialog .buttonGroup,
.event-editor.add-popup .buttonGroup,
.event-editor.edit-popup .buttonGroup,
.event-editor.todo-popup .buttonGroup,
.event-editor.add-dialog .buttons .save-btn,
.event-editor.add-popup .buttons .save-btn,
.event-editor.edit-popup .buttons .save-btn,
.event-editor.add-dialog .buttons .view-details,
.event-editor.add-popup .buttons .view-details,
.event-editor.edit-popup .buttons .view-details,
#fc_delete_settings.add-popup .buttons .save-btn,
#fc_delete_settings.add-popup .buttons .ok-btn {
	display: inline-block;
}

.event-editor .buttons .button {
	float: left;
}

/* visibility */

.event-editor .viewer {
	display: inline-block;
}
.event-editor.add-dialog .viewer,
.event-editor.add-popup .viewer,
.event-editor.edit-popup .viewer {
	display: none;
}

.event-editor .editor {
	display: none;
}

.event-editor.add-dialog .editor,
.event-editor.add-popup .editor,
.event-editor.edit-popup .editor {
	display: block;
}

.event-editor.add-dialog .editor,
.event-editor.add-popup .editor,
.event-editor.edit-popup .editor {
	display: inline-block;
}

/* header */

.event-editor .header,
.event-editor.add-popup .header,
.event-editor.edit-popup .header,
#fc_delete_settings .header,
#fc_ical_stream .header {
	display: none;
}

#fc_todo_menu{

    padding: 7px;
    padding-top: 11px;
    max-width: 170px;

    input[type="checkbox"]{
        display: none;
    }
    input[type="checkbox"]+span,input[type="radio"]+span{
	    -webkit-appearance:none;
	    width: 13px;
        height: 13px;
        border-radius: 2px;
	    border:1px solid rgba(0,0,0,.3);
	    outline:none;
        margin: 2px 1px 0px 7px;
	    box-sizing:border-box;
	    display:inline-block;
	    cursor: pointer;
    }
    input[type="checkbox"]:checked+span{
        background:#fbedc9;
        border-color: #ecdeba;
    }
    input[type="checkbox"]:checked+span:before{
	    content: "";
        display: block;
        width: 3px;
        height: 7px;
        border: 0 solid #0d0d0b;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotateZ(40deg);
        transform: rotateZ(40deg);
        margin: 0px 3px;
        pointer-events: none;
    }
    div{
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 7px;
       
        &.sync-links{
            margin-left: 20px;
            width: ~"calc(100% - 20px)";
        }
    }
    div .label {
        display: block;
        position: relative;
        float: left;
        margin-left: 5px;
        width: ~"calc(100% - 30px)";
        cursor: pointer;
    }
    div span {
        display: block;
        float: left;
        margin-left: 5px;
        width: ~"calc(100% - 25px)";
        vertical-align: top;
        font-size: 11px;
    }
}

#fc_delete_todo .header,
#fc_todo_editor .header,
.event-editor.add-dialog .header {
	display: block;
	color: #333;
	background-color: #E2E2E2;
	margin: 0 -2em 1.5em;
	padding: 9px 23px 9px 24px;
}

#fc_ical_stream.add-popup .header,
#fc_delete_settings.add-popup .header {
    background-color: #e2e2e2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #333333;
    display: block;
    margin: 0 -2em 2em;
    padding: 9px 23px 9px 24px;
}

#fc_delete_todo .header .inner,
#fc_todo_editor .header .inner,
.event-editor .header .inner,
#fc_ical_stream .header .inner,
#fc_delete_settings .header .inner {
    font-size: 18px;
	position: relative;
}

#fc_delete_todo .header .close-btn,
#fc_todo_editor .header .close-btn,
.event-editor .header .close-btn,
#fc_delete_settings .header .close-btn,
#fc_ical_stream .header .close-btn {
	position: absolute;
    cursor: pointer;
    top: -8px;
    right: 0;
    width: 12px;
    font-size: 28px;
    color: #333333;
    margin-left: 10px;
}

/* viewer */
#fc_todo_viewer .viewer .title.big,
.event-editor .viewer .title.big {
	color: #000;
	font-size: 15pt;
	line-height: 15pt;
	max-height: 45pt;
	font-weight: bold;
	padding: 0;
	margin-top: .5em;
	margin-bottom: 1em;
	word-wrap: break-word;
	overflow: hidden;
	white-space: normal;
	max-width: 18em;
}

.event-editor .viewer .owner.hidden {
	display: none;
}
.event-editor .viewer .owner .name {
	
}

.event-editor .viewer .shared-list.hidden,
.event-editor .editor .shared-list.hidden {
	display: none;
}

.event-editor .viewer .owner {
	white-space: normal;
	width: 30em;
	word-wrap: break-word;
}

.event-editor .owner .icon {
	display: inline-block;
	background-repeat: no-repeat;
	line-height: 16px;
	background-image: url('@{imagepath}profile.png');
	background-position: left;
	padding-left: 16px;
}

.event-editor .viewer .all-day .yes-label,
.event-editor .viewer .all-day.yes .no-label {
	display: none;
}
.event-editor .viewer .all-day .no-label {
	display: inline;
	color: #ccc;
}
.event-editor .viewer .all-day.yes .yes-label {
	display: inline;
}
#fc_todo_viewer .viewer .date-time,
.event-editor .viewer .date-time {
	position: relative;
}
#fc_todo_viewer .viewer .date-time > div,
.event-editor .viewer .date-time > div {
	display: inline-block;
	width: 44%;
}
.event-editor .viewer .date-time > div.right {
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	margin-right: -1em;
}
#fc_todo_viewer .viewer .date-time .time,
.event-editor .viewer .date-time .from-time,
.event-editor .viewer .date-time .to-time {
	margin-left: 1em;
}

.event-editor .viewer .repeat-alert,
.event-editor .viewer .calendar-status {
	position: relative;
}
.event-editor .viewer .repeat-alert > div,
.event-editor .viewer .calendar-status > div {
	display: inline-block;
	width: 44%;
	padding: 10px 0;
}
.event-editor .viewer .repeat-alert > div.right,
.event-editor .viewer .calendar-status > div.right {
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	margin-right: -1em;
	padding: 10px 0 10px 10px;
}
.event-editor .viewer .repeat-alert.hidden {
	display: none;
}
.event-editor .viewer .shared-list .no-label {
	display: block;
	color: #ccc;
}
.event-editor .viewer .shared-list.has-users .no-label,
.event-editor .viewer .shared-list .yes-label,
.event-editor .viewer .shared-list .users-list {
	display: none;
}
.event-editor .viewer .shared-list.has-users .yes-label {
	display: block;
	font-weight: bold;
	margin-bottom: .5em
}
.event-editor .viewer .shared-list.has-users .users-list {
	display: block;
	word-wrap: break-word;
	width: 30em;
	white-space: normal;
}

.event-editor .viewer .calendar .bullet {
	padding-right: .5em;
}
.event-editor .viewer .calendar .name {
    display: block;
	vertical-align: middle;
    margin-left: 12px;
}
#fc_todo_viewer .viewer .description .text{
    height:50px;
    max-width: 360px;
    overflow: hidden;
    max-height: calc(~"25px * 3");
    text-align: unset;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: initial;
}
.event-editor .viewer .description .text {
	/*width: 100%;*/
	
	white-space: normal;
	width: 30em;
	word-wrap: break-word;
	
	height: auto;
	max-height: 8em;
}
#fc_todo_viewer .viewer .description .text > div,
.event-editor .viewer .description .text > div {
	width: 100%;
	height: auto;
	max-height: 8em;
	overflow: auto;
}
#fc_todo_viewer .viewer .description .text .inner,
.event-editor .viewer .description .text .inner {
	word-wrap: break-word;
	width: 100%;
}

/* editor */

.event-editor .editor .title {
	margin-top: 0;
}
.event-editor .editor .title input,
.event-editor .editor .location input {
	width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.event-editor .editor .all-day input {
    float: left;
    margin-top: 2px;
}
.event-editor .editor .all-day .label {
	padding-left: 0.5em;
	margin-bottom: 0;
	font-weight: normal;
    cursor: pointer;
}
.event-editor .editor .todo_editor .date-time, 
.event-editor .editor .date-time, 
.repeat-settings .date-time {
	/*position: relative;*/
}
.event-editor .editor .todo_editor .date-time > div, 
.event-editor .editor .date-time > div, 
.repeat-settings .date-time > div {
	display: inline-block;
	width: 49%;
}
.event-editor .editor .date-time > div.right, 
.repeat-settings .date-time > div.right {
	/*position: absolute;
	top: 0;
	right: 0;*/
	display: inline-block;
	
}
.event-editor:not(.asc-popup){
    .editor .date-time > div:first-child{
        &:after{
            content: '';
            width: 14px;
            height: 1px;
            border-top: 1px solid black;
            display: block;
            position: absolute;
            right: -7px;
            top: 33px;
        }
    }
}
#fc_todo_editor .date-time > div:first-child,
.event-editor .editor .todo_editor .date-time > div:first-child,
.event-editor .editor .date-time > div:first-child{
    margin-right: 4px;
    position: relative;
}
#fc_todo_editor .date-time .wrapper, 
.event-editor .editor .date-time .wrapper, 
.repeat-settings .date-time .wrapper {
	width: 14em;
	overflow: hidden;
}
#fc_todo_editor .date-time .wrapper:first-child,
.event-editor .editor .date-time .wrapper:first-child{
    &:after{
        content: '';
        wight: 30px;
        border-top: 1px solid #000;
    }
}
.event-editor .editor .todo_editor .date-time input, 
.event-editor .editor .date-time input, 
.repeat-settings .editor .date-time input {
	margin: 0;
	padding: 1px;
}
#fc_todo_editor .date-time .date,
.event-editor .editor .todo_editor .date-time .date,
.event-editor .editor .date-time .from-date,
.event-editor .editor .date-time .to-date,
.repeat-settings .date-time .from-date,
.repeat-settings .date-time .to-date {
	float: left;
	width: 6.5em;
	padding-right: 18px;
}

#fc_todo_editor .date-time .date{
    padding-left: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

#fc_todo_editor .date-time .time,
.event-editor .editor .date-time .from-time,
.event-editor .editor .todo_editor .date-time .time,
.event-editor .editor .date-time .to-time {
	/*float: right;*/
	display: inline-block;
	margin-left: 0.5em;
	width: 3.5em;
}
#fc_todo_editor .date-time .time{
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 13px;
}

#fc_todo_editor .date-time .cal-icon,
.event-editor .editor .todo_editor .date-time .cal-icon,
.event-editor .editor .date-time .cal-icon,
.repeat-settings .date-time .cal-icon {
	background-image: url('../../../../../skins/default/images/svg/calendar/calendar.svg');
	background-position: 100% 60%;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 3px 0 0 -18px;
	float: left;
	cursor: pointer;
}

.event-editor .editor .repeat-alert{
    .inline-block{
        min-width: 116px;
        margin-top: 2px;
        float: left;

        &.cbx-container{
            margin-top: 0;
        }
        &:not(:first-child){
            margin-right: 15px;
        }
        .label{
            display: inline-block;
        }

        span.fc-view-repeat,
        span.fc-view-alert{
            margin-left: 4px;
        }
    }
}
.event-editor .editor .repeat-alert,
.event-editor .editor .calendar-status {
	position: relative;
}

.event-editor .editor .calendar-status .label {
	display: inline-block;
}

.event-editor .editor .repeat-alert > div,
.event-editor .editor .calendar-status > div {
	display: inline-block;
	width: 44%;
	padding: 10px 0;
}
.event-editor .editor .repeat-alert > div.right,
.event-editor .editor .calendar-status > div.right {
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	margin-right: -1em;
	padding: 10px 0 10px 10px;
}
.event-editor .editor .repeat-alert select {
	width: 100%;
}
.event-editor .editor .repeat-alert .repeat,
.event-editor .editor .repeat-alert .alert {
	display: inline-block;
	width: 14em;
}
.event-editor .editor .repeat-alert.hidden {
	display: none;
}

.event-editor .editor .calendar .bullet,
.repeat-settings .calendar .bullet,
#fc_cal_editor .calendar .bullet{
	position: absolute;
	padding-left: 5px;
	font-size: 120%;
}

.event-editor .viewer .calendar .bullet,
#fc_subscription_dlg .title .bullet,
#fc_cal_editor .title .bullet{
    position: absolute;
}
.event-editor .viewer .calendar .bullet,
#fc_subscription_dlg .title .bullet,
#fc_cal_editor .title .bullet,
#fc_cal_editor .calendar .bullet,
.event-editor .editor .calendar .bullet{
    width: 7px;
    height: 7px;
    display: block;
    padding: 0;
    bottom: 33%;
    left: 7px;
}
.event-editor .viewer .calendar .bullet{
	left: 0;
}

.event-editor .editor .calendar select,
.repeat-settings .calendar select {
	margin: 0;
	width: 100%;
	max-width: 320px;
}
.event-editor .editor .calendar select option,
.repeat-settings .calendar select option {
	max-width: 290px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.event-editor .editor .todo_editor .description textarea,
.event-editor .editor .description textarea {
	width: 100%;
	padding: 2px;
	max-width: 33em;
	max-height: 8em;
}


/*
 * Todo editor
 * --------------------------------------------------------
 */
#fc_delete_todo,
#fc_todo_editor {
	z-index: 100;
    padding: 0 2em 2em;
    border: 1px solid #d1d1d1;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    min-width: 31em;
}

#fc_todo_editor table {
	width: 20em;
	text-align: left;
}

#fc_todo_editor td {
	padding-bottom: .3em;
}

#fc_todo_editor td:first-child {
	width: 4em;
	padding-right: 0.7em;
	text-align: right;
}

#fc_todo_editor tr:first-child td:first-child {
	padding-right: 2px;
}

#fc_todo_editor input,
#fc_todo_editor select,
#fc_todo_editor textarea,
#fc_todo_editor button {
	width: 100%;
	padding: 0;
}

#fc_todo_editor input,
#fc_todo_editor select,
#fc_todo_editor textarea {
	border: solid 1px #c7c7c7;
}

#fc_todo_editor input:focus,
#fc_todo_editor select:focus,
#fc_todo_editor textarea:focus {
	border: solid 1px #3186af;
	outline: none;
}

#fc_todo_editor .iwrapper {
	padding-right: 2px;
}

#fc_todo_editor .cb {
	width: auto;
	margin-left: 0;
}

#fc_todo_editor .pad-left {
	padding-left: .3em;
}
#fc_todo_editor .pad-right {
	padding-right: .3em;
}
#fc_todo_editor .pad-top {
	padding-top: .3em;
}

#fc_todo_editor .al-top {
	vertical-align: text-top;
}

#fc_todo_editor .btn {
	min-width: 6em;
	padding-top: 1em;
}

#fc_todo_editor #fc_todo_title {
	font-size: 12px;
    margin-bottom: 0.5em;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 2px;
}


/*
 * Category editor
 * --------------------------------------------------------
 */

#fc_cal_editor {
	z-index: 100;
	padding: 0 2em 2em;
	border: 1px solid #D1D1D1;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
	min-width: 31em;
}
#fc_cal_editor.edit-mode {
	width: 30em;
}

#fc_cal_editor .choose_event_source{
    span{
        margin: 0 1em 0 0;
        border-bottom: 1px dotted black;
        cursor: pointer;
        &.active{
            border-bottom: none;
            font-weight: bold;
        }
    }
}

#fc_cal_editor input,
#fc_cal_editor select,
#fc_cal_editor textarea {
	border: solid 1px #c7c7c7;
}
#fc_cal_editor select option:disabled{
    background: #fff;
}

#fc_cal_editor input:focus,
#fc_cal_editor select:focus,
#fc_cal_editor textarea:focus {
	border: solid 1px #3186af;
	outline: none;
}

#fc_cal_editor > div {
	margin: .5em 0;
}
#fc_cal_editor .row {
	position: relative;
}

#fc_cal_editor .header {
	display: block;
	color: #333;
    background-color: #E2E2E2;
    margin: 0 -2em 1.6em;
    padding: 9px 23px 9px 24px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#fc_cal_editor .header .inner {
	font-size: 18px;
	position: relative;
}
#fc_cal_editor .header .import-label,
#fc_cal_editor .header .edit-label {
	display: none;
}
#fc_cal_editor.import .header .import-label,
#fc_cal_editor.edit-mode .header .edit-label {
	display: inline;
}
#fc_cal_editor.import .header .edit-label,
#fc_cal_editor.import .header .new-label,
#fc_cal_editor.edit-mode .header .new-label {
	display: none;
}

#fc_cal_editor .header .close-btn {
    position: absolute;
    cursor: pointer;
    top: -8px;
    right: 0;
    width: 12px;
    font-size: 28px;
    color: #333333;
    margin-left: 10px;
}

#fc_cal_editor .title {
	margin-bottom: 1em;
    position: relative;
}
#fc_cal_editor .title input {
	width: 25em;
	padding: .2em .2em .2em 1.5em;
	margin: 0;
}
#fc_cal_editor .sync-with-calendar{
    margin-top: 9px;
}
#fc_cal_editor .sync-with-calendar input{
    float: left;
    margin: 2px 3px 3px 0;
    vertical-align: top;
}
#fc_cal_editor .calendar{
    margin-top: 18px;
    margin-bottom: 26px;
}
#fc_cal_editor .calendar select{
    min-width: 230px;
    width: 26.85em;

    option{
        width: 26.85em!important;;
        overflow:hidden;
    }
}
#fc_cal_editor .calendar .halfwidth .label{
    margin-bottom: 3px;
}
#fc_cal_editor .choose_event_source{
    margin-bottom: 22px;
}

#fc_cal_editor .ical-url-input input {
	padding: .2em;
	width: 26.3em;
	margin: 0;
}

#fc_cal_editor .color .label {
	padding-right: .5em;
	vertical-align: middle;
}
#fc_cal_editor .color .label-for-text {
	padding-left: 2em;
	padding-right: .5em;
	vertical-align: middle;
}
#fc_cal_editor .color .outer {
	display: inline-block;
	padding: 2px;
	border: 1px solid green;
	vertical-align: middle;
}
#fc_cal_editor .color .inner,
#fc_cal_editor .color .inner-for-text {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: green;
	border: 1px solid darkgreen;
	cursor: pointer;
}

#fc_cal_editor .alert {
	display: inline-block;
}
#fc_todo_editor .label,
#fc_ical_stream .url-link .title,
#fc_cal_editor .alert .label,
#fc_cal_editor .ical-url-input .label {
	font-weight: bold;
	margin: 1em 0 .5em;
}
#fc_cal_editor .alert select {
	width: 12em;
}
#fc_cal_editor .timezone {
	display: inline-block;
	margin-left: 1em;
}
#fc_cal_editor .timezone.hidden {
	display: none;
}
#fc_cal_editor .timezone .label {
	font-weight: bold;
	margin: 1em 0 .5em;
}
#fc_cal_editor .timezone select {
	width: 10em;
}

#fc_cal_editor .shared-list {
	margin-top: 1.5em;
}

#fc_todo_editor .button,
#fc_cal_editor .buttons {
	margin: 2.5em 0 0;
	position: relative;
}
#fc_todo_editor .button a,
#fc_cal_editor .buttons a {
	display: inline-block;
	min-width: 4em;
}

#fc_todo_editor .buttons .save-btn,
#fc_todo_editor .buttons .cancel-btn,
#fc_cal_editor .buttons .save-btn,
#fc_cal_editor .buttons .cancel-btn,
#fc_cal_editor .buttons .browse-btn {
	margin-right: .5em;
}
#fc_cal_editor.edit-mode.import .buttons .delete-btn,
#fc_cal_editor .buttons .delete-btn {
	display: none;
}
#fc_cal_editor.edit-mode .buttons .delete-btn {
	display: inline-block;
}
#fc_cal_editor.edit-mode .buttons.read-only .delete-btn {
	display: none;
}

#fc_cal_editor-outer .asc-ui-blocker {
	background-color: #AAA;
    opacity: .3;
    filter: alpha(opacity=30);
	z-index: 99;
}



/*
 * Subscription editor
 * --------------------------------------------------------
 */

#fc_subscription_dlg 
{
    padding: 2em;
    padding-top: 0;
	border: 1px solid #D1D1D1;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
	z-index: 100;
	min-width: 30em;
	max-width: 45em;
}

#fc_subscription_dlg input,
#fc_subscription_dlg select,
#fc_subscription_dlg textarea {
	border: solid 1px #c7c7c7;
}

#fc_subscription_dlg input:focus,
#fc_subscription_dlg select:focus,
#fc_subscription_dlg textarea:focus {
	border: solid 1px #3186af;
	outline: none;
}

#fc_subscription_dlg > div {
	margin: .5em 0;
}

#fc_subscription_dlg .header {
	display: block;
    color: #333;
    background-color: #E2E2E2;
    padding: 1em 2em;
    margin: 0 -2em 1.5em;
}
#fc_subscription_dlg .header .inner {
	font-size: 18px;
	position: relative;
}

#fc_subscription_dlg .header .close-btn {
	cursor: pointer;
	position: absolute;
	top: -2px;
	right: 0;
	width: 12px;
    font-size: 24px;
    font-weight: 600;
    color: #333;
}

#fc_subscription_dlg .title {
	margin-bottom: 1em;
	padding-right: 24px;
    position: relative;
}
#fc_subscription_dlg .title input {
	width: 100%;
	padding: 2px 2px 2px 20px;
	margin: 0;
}
#fc_subscription_dlg .title .bullet {
	position: absolute;
	font-size: 16px;
}

#fc_subscription_dlg .color .label {
	padding-right: .5em;
	vertical-align: middle;
}
#fc_subscription_dlg .color .label-for-text {
	padding-left: 2em;
	padding-right: .5em;
	vertical-align: middle;
}
#fc_subscription_dlg .color .outer {
	display: inline-block;
	padding: 2px;
	border: 1px solid green;
	vertical-align: middle;
}
#fc_subscription_dlg .color .inner,
#fc_subscription_dlg .color .inner-for-text {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: green;
	border: 1px solid darkgreen;
	cursor: pointer;
}

#fc_subscription_dlg .alert {
	display: inline-block;
	margin-right: 1em;
}
#fc_subscription_dlg .alert.hidden {
	display: none;
}
#fc_subscription_dlg .alert .label {
	font-weight: bold;
	margin: 1em 0 .5em;
}
#fc_subscription_dlg .alert select {
	width: 12em;
}

#fc_subscription_dlg .timezone,
#fc_subscription_dlg .timezone-read-only {
	display: inline-block;
}
#fc_subscription_dlg .timezone.hidden,
#fc_subscription_dlg .timezone-read-only.hidden {
	display: none;
}
#fc_subscription_dlg .timezone .label,
#fc_subscription_dlg .timezone-read-only .label {
	font-weight: bold;
	margin: 1em 0 .5em;
}
#fc_subscription_dlg .timezone select {
	width: 10em;
}

#fc_subscription_dlg .owner .label {
	font-weight: bold;
	margin: 1em 0 .5em;
}
#fc_subscription_dlg .owner .icon {
	display: inline-block;
	background-repeat: no-repeat;
	line-height: 16px;
	background-image: url('@{imagepath}profile.png');
	background-position: left;
	padding-left: 16px;
}
#fc_subscription_dlg .owner.hidden,
#fc_subscription_dlg .shared-list.hidden {
	display: none;
}

#fc_subscription_dlg .shared-list {
	margin-top: 1.5em;
}

#fc_subscription_dlg .buttons {
	margin: 2.5em 0 0;
	position: relative;
}
#fc_subscription_dlg .buttons a {
	display: inline-block;
	min-width: 4em;
}

#fc_subscription_dlg .buttons .save-btn,
#fc_subscription_dlg .buttons .cancel-btn {
	margin-right: .5em;
}

#fc_subscription_dlg .buttons .delete-btn.hidden {
	display: none;
}

#fc_subscription_dlg .buttons .delete-btn {
	margin-right: .5em;
}

#fc_subscription_dlg-outer .asc-ui-blocker {
	background-color: #000;
	opacity: .2;
	filter: alpha(opacity=20);
	z-index: 99;
}



/*
 * Manage Subscriptions Dialog
 * --------------------------------------------------------
 */

#fc_subscr_editor {
    padding: 2em;
    padding-top: 0;
    border: 1px solid #D1D1D1;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    z-index: 100;
    min-width: 40em;

    > div {
        margin: .5em 0;
    }

    .header {
        display: block;
        color: #333;
        background-color: #E2E2E2;
        padding: 1em 2em;
        margin: 0 -2em 1.5em;

        .inner {
            font-size: 18px;
            position: relative;
        }

        .close-btn {
            cursor: pointer;
            position: absolute;
            top: -2px;
            right: 0;
            width: 12px;
            font-size: 24px;
            font-weight: 600;
            color: #333;
        }
    }

    .qsearch {
        display: none;
        padding-right: 4px;
        position: relative;

        input {
            border: solid 1px #c7c7c7;
            color: #c7c7c7;
            width: 100%;
            padding: 1px;

            &:focus {
                border: solid 1px #c7c7c7;
                outline: none;
            }
        }

        .clean-btn {
            display: inline-block;
            background-repeat: no-repeat;
            background-image: url('@{imagepath}circle-close.png');
            background-position: left;
            padding-left: 16px;
            line-height: 15px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -8px;
            cursor: pointer;
        }
    }

    div.scroll-area {
        width: 100%;
        height: auto;
        max-height: 30em;
        overflow: auto;
    }

    ul.groups {
        margin: 0;
        padding: 0 1em;

        .group-bullet {
            padding-left: 9px;
            margin-right: 5px;
            cursor: pointer;
            position: relative;

            &:after {
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #333333;
                content: "";
                height: 0;
                left: 0;
                margin-top: -2px;
                position: absolute;
                top: 50%;
                width: 0;
            }

            &.folded {
                &:after {
                    border-bottom: 5px solid transparent;
                    border-left: 5px solid #333;
                    border-top: 5px solid transparent;
                    border-right: 0 none;
                    left: 2px;
                    margin-top: -4px;
                }
            }
        }


        > li {
            list-style-type: none;

            ul {
                margin: 0;
                padding: .5em 0 .5em 2em;
            }

            li {
                list-style-type: none;
            }

            > span {
                font-size: 150%;
                font-weight: bold;
            }
        }

        li.new-item {
            font-weight: bold;

            input[type=checkbox] {
                vertical-align: middle;
            }
        }
    }

    .buttons {
        margin: 2.5em 0 0;

        a {
            display: inline-block;
            min-width: 4em;
        }
    }
}

#fc_subscr_editor-outer .asc-ui-blocker {
	background-color: #000;
	opacity: .2;
	filter: alpha(opacity=20);
	z-index: 99;
}

/*
 * Repeat settings 
 * --------------------------------------------------------
 */

.fc-view-repeat .fc-view-alert .fc-dwm-selector .fc-endrepeat-selector
{
	display: inline;
}

.fc-selector-link {
	border-bottom: 1px dotted;
	cursor: pointer;
}

.clear {
	clear: both;
}

.checkbox-day {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.fc-interval-selector {
	width: 4em;
	text-align: center;
}

.fc-cycle-times {
	width: 3em;
	text-align: center;
}

/*
 * Hidden blocks of repeat settings
 */

.repeat-settings .fc-days-week.hidden {
	display: none;
}

.repeat-settings .fc-month-radio.hidden {
	display: none;
}

.repeat-settings .fc-repeat-cycles.hidden {
	display: none;
}


.repeat-settings .fc-end-date.hidden {
	display: none;
}

.repeat-description {
	max-width: 29em;
}

.repeat-settings .date-time .from-time.hidden,
.repeat-settings .date-time .to-time.hidden {
	display: none;
}

/*
 * Delete settings
 */

.delete-this,
.delete-following,
.delete-all {
	margin-top: 4px;
}

.delete-this-label,
.delete-following-label,
.delete-all-label,
.only-day-label,
.each-day-label {
	cursor: pointer;
}

/*
 * iCal
 */

#fc_cal_editor .row.hidden,
#fc_cal_editor .title.hidden,
#fc_cal_editor .color.hidden,
#fc_cal_editor .sync-with-calendar.hidden,
#fc_cal_editor .choose_event_source.hidden,
#fc_cal_editor .calendar.hidden,
#fc_subscription_dlg .row.hidden,
#fc_cal_editor .shared-list.hidden,
#fc_cal_editor .export.hidden,
#fc_cal_editor .ical-url-input.hidden,
#fc_cal_editor .ical.hidden,
#fc_subscription_dlg .ical.hidden,
#fc_cal_editor .ical-import.hidden,
#fc_cal_editor .ical-export.hidden,
#fc_subscription_dlg .ical-import.hidden,
#fc_subscription_dlg .ical-export.hidden,
#fc_subscription_dlg .export.hidden,
#fc_subscription_dlg .ical-saved-url.hidden {
	display: none;
}

#fc_cal_editor .ical,
#fc_subscription_dlg .ical {
	padding: 0;
	margin: 0;
}

.ical-logo {
	background-image: url('@{imagepath}ical.png');
	background-repeat: no-repeat;
	width: 36px;
	height: 14px;
	display: block;
	float: left;
    margin-right: 5px;
}

.ical-selectors {
	display: block;
	margin-left: 0;
}

.ical-label {
	display: block;
	margin-top: 1em;
	margin-bottom: .3em;
}

.ical-link {
	border-bottom: 1px dotted #000;
	cursor: pointer;
}
.caldav-link {
	border-bottom: 1px dotted #000;
	cursor: pointer;
}

.ical-file-selected {
	font-size: 0.9em;
	color: #808080;
    display: none;
}
.ical-file-del{
    display: none;
    position: absolute;
    top: 3px;
    height: 10px;
    line-height: 10px;
    color: #808080;
    margin-left: 7px;
    cursor: pointer;
    &:before{
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        right: -3px;
        border: 1px solid;
        border-radius: 50%;
        border-color: #808080;
    }
}
.ical-import{
    position: relative;
}
.ical-import,
.ical-export {
	display: block;
	margin-top: 1em;
}

.ical-description {
	margin-bottom: 1.5em;
}

.saved-url-link {
    word-wrap: break-word;
    margin-bottom: 2.5em;
}
.caldav-help {
    margin-bottom: 2em;

    a {
        color: #333333;
        font: normal 12px 'Open Sans', sans-serif;
    }
}
.url-link {
    word-wrap: break-word;
    margin-bottom: 2.5em;
    position: relative;

    input {
        width: 100%;
        border: none;
        width: ~"calc(100% - 22px)";
        padding: 1px;

        &:focus {
            border: none;
            outline: none;
        }
    }

    &.caldav {
        margin-bottom: 0.5em;

        .control {
            &.processing {
                .button {
                    &.copy,
                    &.try-again {
                        display: none;
                    }
                }
            }

            &.success {
                .button.copy {
                    display: block;
                }

                .button.try-again {
                    display: none;
                }
            }

            &.failure {
                .button.copy {
                    display: none;
                }

                .button.try-again {
                    display: block;
                }
            }
        }
    }

    .button {
        position: absolute;
        border-radius: 0;
        color: #333333;
        font-size: 11px;
        font-weight: normal;
        background: #fff;
        cursor: pointer;
        right: 0;
        padding: 3px 8px 6px;
        bottom: -2px;

        span {
            text-decoration: none !important;
            border-bottom: 1px dotted;
        }

        &:hover {
            background-color: #fff;
            color: #333333;
        }
    }

    span.textinput__box {
        position: absolute;
        border: solid 1px #c7c7c7;
        top: 22px;
        left: -1px;
        bottom: -3px;
        width: 100%;
        z-index: -1;
    }
}

.url-link .control.disabled{
    .button,
    .textinput__box,
    input{
        background-color: #efefef;
        color: #666562;
    }
}

.fc-start-date {
	margin-top: 8em;
}

.not-active {
	color: #808080;
	border-bottom: 1px dotted #808080;
}

.delete-selector, .delete-text {
	margin-bottom: 2.5em;
}

.end-point {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 0;
	background-color: red;
}

.start-point {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 0;
	background-color: red;
}

.fc-head-col-name {
	display: inline-block; 
	width: auto;
    position: relative;
    margin-right: 3px;
    &:after{
        content:',';
        position: absolute;
        bottom: 0;
        right: -3px;
    }
}

.fc-head-col-number {
	display: inline-block; 
	width: auto;
	text-align: right;
}

.asc-popup {
    border-radius: 5px;
}

@media all and (max-width: 1200px) {
    .fc-header-outer {
         .fc-calendar-buttons, .fc-list-buttons {
              float: right;
         }
      }
    .fc-header .fc-header-left{
        width: auto;
    }
    .fc-header .fc-header-center{
        width: 35%;
    }
    .fc-header .fc-header-right {
        width: auto;
    }
    .fc-agenda-days th.fc-today-left, .fc-agenda-days td.fc-today-left{
        display: block;
    }
}




/*--------Event Page----------*/


@media screen and (max-width: 1280px) {
    #asc_event .halfwidth.left,
    #asc_event .halfwidth.right {
        float: none;
        width: auto;

        .inner {
            padding: 0 !important;
        }
    }
}

#asc_event {
    padding-left: 24px;
    .event-editor {

        .event-header {
            font-size: 24px;
            font-weight: normal;
            line-height: 24px;
            margin-top: 8px;
        }

        .viewer {
            display: block;
        }
        .editor {
            display: none;
        }

        &.edit-popup {
            .viewer {
                display: none;
            }
            .editor {
                display: block;
            }
        }
    }

    .fc-modal {
        z-index: 79;
    }

    .reply-buttons {
        line-height: 34px;
        margin: 16px 0;

        ul {
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        .reply-radio-container {
            display: inline-block;
            list-style: outside none none;
            margin: 0 0 0 32px;
            padding: 0;

            .reply-radio {
                float: left;
                margin: 11px 8px 0 0;
            }
        }
    }

    .label {
        font-weight: bold;
        margin-bottom: 6px;
    }

    .textEdit {
        box-sizing: border-box;
        height: 22px;
        line-height: 22px;

        &.date {
            float: left;
            margin-right: 6px;
            width: 94px;
        }

        &.time {
            width: 45px;
            &.to-time{
                float: left;
                margin-right: 12px;
            }
        }

        &.hidden {
            display: none;
        }
    }

    .cal-icon {
        margin-left: -26px;
    }

    .fullwidth {
        width: 100%;
    }

    textarea.textEdit {
        height: 300px;
        max-height: 365px;
        max-width: inherit;
        min-height: 22px;
        padding: 0;
        resize: vertical;
    }

    .halfwidth {
        width: 50%;
        border: 0 none;
        float: left;
        margin: 0;
        padding: 0;

        &.left .inner {
            padding: 0 45px 0 0;
        }

        &.right .inner {
            padding: 0 0 0 12px;
        }
    }

    .botttom-indent {
        margin-bottom: 24px;
    }

    .inline-block {
        display: inline-block;
        width: auto;
        vertical-align: bottom;
    }

    .cbx-container {
        height: 22px;
        line-height: 22px;

        div {
            overflow: auto;
        }

        input[type=checkbox] {
            float: left;
            margin: 3px 8px 0 0;
        }
    }

    .editor .cbx-container {
        margin-top: 0;

        &.all-day{
            margin-right: 10px;
        }
        &.sent-invitations{
            margin-bottom: 24px;
        }
    }

    .owner {
        max-width: 450px;

        .tl-combobox{
            max-width: 100%
        }
    }

    .wrapper {
        width: 164px;
    }

    .withbullet {
        padding-left: 15px;

        option {
            padding-left: 18px;
        }
    }

    .repeat-settings {
        background-color: inherit;
        display: block;
        margin: 0 0 24px;
        max-width: none;
        min-width: inherit;
        padding: 0;
    }

    .repeat-settings td {
        padding: 0 8px 8px 0;
    }

    .hidden {
        display: none;
    }

    .users-list {
        margin-top: 24px;

        &.scrollable {
            height: 255px;
            overflow-x: hidden;
            overflow-y: auto;
        }
    }

    .sharingItem {
        border-left: medium none;
        border-right: medium none;
        padding: 10px 20px 7px;
    }

    .sharingItem:not(:first-child) {
        border-top: medium none;
    }

    .sharingItem .status {
        background-image: url('@{imagepath}guest_statements.png');
        float: left;
        margin-right: 10px;
        width: 16px;
        background-position: -16px 0;
        height: 16px;
        background-repeat: no-repeat;

        &.accepted{
            background-position: 0 0;
        }

        &.declined{
            background-position: 0 -32px;
        }

        &.tentative{
            background-position: 0 -16px;
        }
    }

    .sharingItem .name {
        float: left;
        width: 50%;

        .userLink {
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 250px;
        }
    }

    .sharingItem .remove {
        float: right;
        margin-left: 10px;
        width: 16px;
    }

    .sharingItem .action {
        float: right;
        text-align: right;
        width: 35%;
    }

    .attendees {
        .btn-container {
            float: right;
            text-align: right;
            width: 50px;
            height: 22px;
        }
        .text-container {
            overflow: hidden;
        }
    }

    .attendees-noaccount {
        color: #83888d;
        
        a {
            color: #83888d;
        }
    }

    .buttons {
        margin-top: 40px;
        min-width: inherit;
    }
}

.info-text {
    display: none;
    background-image: url('@{mageCssPath}expl_16.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}

.reply-button {
    border-bottom: 1px dotted;
    color: #83888D;
    cursor: pointer;
    margin-left: 16px;

    &.active {
        border-bottom: medium none;
        color: #333333;
        font-weight: bold;
        cursor: text;
    }
}

.view-details {
    border-bottom: 1px dotted;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin: 3px 0 0 16px;
}


/*
 * Attendee Confirm Notification
 * --------------------------------------------------------
 */

#attendeeConfirmNotification 
{
    padding: 2em;
    padding-top: 0;
	border: 1px solid #D1D1D1;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
	z-index: 100;
}

#attendeeConfirmNotification > div {
	margin: .5em 0;
}

#attendeeConfirmNotification .header 
{
    display: block;
    color: #333;
    background-color: #E2E2E2;
    padding: 1em 2em;
    margin: 0 -2em 1.5em;
}
#attendeeConfirmNotification .header .inner {
	font-size: 18px;
	position: relative;
}

#attendeeConfirmNotification .header .close-btn {
	position: absolute;
    cursor: pointer;
    top: -8px;
    right: 0;
    width: 12px;
    font-size: 28px;
    color: #333333;
    margin-left: 10px;
}

#attendeeConfirmNotification .body {
	max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#attendeeConfirmNotification .buttons {
	margin-top: 2em;
}

#attendeeConfirmNotification .buttons a {
	display: inline-block;
    margin-right: 8px;
}